import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon' // svg component

// 全局注册 svg 对应的组件
Vue.component('svg-icon', SvgIcon)

// require.context 作用：批量导入 svg 文件夹下的所有 svg 图标到项目中
// 该文件已经在 main.js 中导入使用
// 该文件配合的是 svg-sprite-loader 插件使用
// 而 svg-sprite-loader插件本质会把你导入到项目中的 icon 塞到一个个 symbol 中，然后把制作好的 svg-sprites 嵌入到你的 html 页面中，详情可以看 day04_P16

// require.context 有三个参数：
// 1、要查找文件的路径
// 2、是否查找子目录
// 3、要匹配的文件的正则表达式
const req = require.context('./svg', false, /\.svg$/)
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req)
